<template>
  <div class="setting">
    <van-nav-bar :title="title" left-arrow @click-left="onClickLeft" />
    <router-view @updataTitle="updataTitle"></router-view>
  </div>
</template>

<script>
export default {
  name: "setting",
  data() {
    return {
      title: "",
    };
  },
  methods: {
    onClickLeft() {
      this.$router.back();
    },
    updataTitle(title) {
      this.title = title;
    },
  },
};
</script>

<style lang="less" scoped>
.van-nav-bar {
  background-color: #08dbdb;

  /deep/.van-icon {
    color: #fff;
  }
  /deep/.van-nav-bar__title {
    color: #fff;
  }
}
</style>
